<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAXg-1e7LbaB0NNB4KY0h0-BQWFt-7OBZKMPMlsVYvuUdvLO58RBSi6mMmr-RK5Y90BBnpyvt7UFoIfA"></script>

<script type="text/javascript">
  google.load("maps", "2.x");
</script>
<!--
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAXg-1e7LbaB0NNB4KY0h0-BQWFt-7OBZKMPMlsVYvuUdvLO58RBSi6mMmr-RK5Y90BBnpyvt7UFoIfA" type="text/javascript"></script>
-->

<script type="text/javascript">
  // Call this function when the page has been loaded
  function initialize() {
    var map = new google.maps.Map2(document.getElementById("map"));
    map.setCenter(new google.maps.LatLng(-33.922868,151.223524 ), 15);
  }
  google.setOnLoadCallback(initialize);
  function displaymessage()
{
alert("Hello World!");
}
</script> 
 
<!-- -25.335448,135.745076     37.4419, -122.1419,   -33.918448,151.195076 ), 13-->
 
 <BODY onunload="GUnload()"> <!-- to reduce browser mem leaks-->
  Hello Maps
  <form>
<input type="button" value="Click me!" onclick="initialize()" />
<!-- <input type="button" value="setOnLoadCallback!" onclick="google.setOnLoadCallback()" /> -->
<input type="button" value="HelloW" onclick="displaymessage()" />

<div id="map" style="width: 400px; height: 400px"></div>

</form>

 </BODY>
</HTML>